.record-container {
    padding: 6rem 2rem 2rem;
    min-height: 100vh;
    box-sizing: border-box;
    background: url("../images/earn_bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #befbc2;

    .record-inner {
        height: calc(100vh - 16rem);
        overflow: hidden;
        padding-bottom: 1rem;
        border-radius: 2.4rem;
        background-color: #fff;
        .record-list{
            height: calc(100vh - 22rem);
            padding: 1rem 1.4rem;
            overflow-y: auto;
            .item-box{
                @include flex-center-between();
                padding: 1rem 0;
                border-bottom: 1px solid $purpleBorderTwo;
                .left-box{
                    flex: 1;
                    .name{
                        height: 2rem;
                        line-height: 2rem;
                        font-size: 1.4rem;
                        color: $grayOne;
                    }
                    .datetime{
                        font-size: 1rem;
                        color: $grayTwo;
                    }
                }
                .right-box{
                    font-size: 1.4rem;
                    color: $blueFontTwo;
                    &.power{
                        color: $redFont;
                    }
                }
            }
        }
        
    }
    
}